 <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
      <head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
   <div class="container" id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-eraser"></i>
                    <strong>重新发起审批</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>外贸价格单</li>
                    <li class="active">重新发起审批</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                        <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">价格单信息</h4>
                            </div>
                            	<div class="widget-content nopadding">
                            <table class="table table-bordered">
                             <tbody>
                       <tr class="odd gradeX">
						             <td width="8%" class="center">项目名称</td>
						              <td width="16%">
						               <div class="col-md-11">
						              <input class="form-control" type="text" id="name" name="name" th:value="${quote.name}" dataType="*" nullmsg="请输入项目名称"/>
						              </div>
						               <div class="col-md-1">
						                <span style="color:#F00">*</span>
						               </div>
						              </td>
						               <td width="8%" class="center">附件</td>
						              <td width="16%"> <button type="button" class="btn btn-sm btn-info">上传附件</button></td>
						             </tr>
						              <tr class="odd gradeX">
						              <td width="8%" class="center">当前状态</td>
						              <td width="16%">
						              <div class="col-md-11">
						              <select class="form-control" id="state" name="state" >
												<option th:each="state:${states}"
													th:text="${state.title}"
													th:selected="${state.title.equals(quote.state)}"></option></select>
						              </div></td>
						               <td width="8%" class="center">创建时间</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="date" id="date" name="date" th:value="${#dates.format(quote.date,'YYYY-MM-dd')}" datatype="*" nullmsg="请填写创建时间"/>
						              </div>
						              <div class="col-md-1">
						                <span style="color:#F00">*</span>
						               </div></td>
						             </tr>
						             <tr>
						             <td width="8%" class="center">备注</td>
						              <td colspan="5"><textarea class="form-control" rows="3" id="memo" name="memo" th:text="${quote.memo}"></textarea></td>
						              </tr>
                    </tbody>
                    </table>
                    </div>
                    <button  class="btn btn-info pull-right addMainBtn" >添加</button>
                	<h5 class="modal-title"><strong>泵</strong></h5>
                	<div class="box-body" style="width:100%; overflow-x:scroll;">
								<table class="mytable dataTable table-bordered text-center table-striped table-hover" width="3000px" id="mainDeviceTable">
						          <thead>
								 <tr>
									    <th width="5%">序号</th>
										<th width="5%">操作</th>
										<th width="5%">产品名称</th>
										<th width="5%">产品类型</th>
										<th width="5%">产品型号</th>
										<th width="6%">是否降库产品</th>
										<th width="5%">数量</th>
										<th width="5%">单价</th>									
										<th width="5%">功率(kw)</th>
										<th width="5%">过流材质</th>
										<th width="5%">传输介质</th>
										<th width="5%">粘度(Cp)</th>
										<th width="5%">流量(m3/h)</th>
										<th width="5%">扬程(m)</th>
										<th width="5%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="6%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="6%">必须气蚀余量(N[PSHr)(m)</th>
									</tr>
								  </thead>
								  <tbody>

								  </tbody>
						        </table>
							  </div>
							     
							 <button  class="btn btn-info pull-right addOtherBtn" >添加</button>
                	         <h5 class="modal-title"><strong>其他</strong></h5>
                	         <div class="box-body" style="width:100%; overflow-x:scroll;">
							<table class="mytable dataTable table-bordered text-center table-striped table-hover" width="3000px" id="otherTable">
						          <thead>
									<tr>
									   <th width="5%">序号</th>
										<th width="5%">操作</th>
										<th width="5%">产品名称</th>
										<th width="5%">产品类型</th>
										<th width="5%">产品型号</th>
										<th width="6%">是否降库产品</th>
										<th width="5%">数量</th>
										<th width="5%">单价</th>									
										<th width="5%">功率(kw)</th>
										<th width="5%">过流材质</th>
										<th width="5%">传输介质</th>
										<th width="5%">粘度(Cp)</th>
										<th width="5%">流量(m3/h)</th>
										<th width="5%">扬程(m)</th>
										<th width="5%">温度(℃)</th>
										<th width="5%">比重(kg/m3)</th>
										<th width="5%">入口压力(MPa)</th>
										<th width="6%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="6%">必须气蚀余量(N[PSHr)(m)</th>
									</tr>
								  </thead>
								  <tbody>
								    
								  </tbody>
						        </table>
							  </div>
							  <div class="box-body">
							    <h5><strong>本次报价各项价格</strong></h5>
                            <table class="table table-bordered">
                             <tbody>
							       <tr class="odd gradeX">
						              <td width="8%" class="center">产品价格币种</td>
						              <td width="16%">
						              <select class="form-control" id="currency" name="currency">
		                                  <option th:each="currency:${currencies}"
													th:value="${currency.title}"
													th:text="${currency.title}"
													th:selected="${currency.title.equals(quote.currency)}"></option>
                                   </select>
			                          </td>
						              <td width="8%" class="center">产品总价</td>
						              <td width="16%"><input class="form-control" type="text" id="productSum" name="productSum" th:value="${#numbers.formatDecimal(quote.productSum,1,2)}" datatype="n" errormsg="请输入数字"/></td>
						              <td width="8%" class="center">浮动金额</td>
						              <td width="16%"><input class="form-control" type="text" id="productOff" name="productOff" th:value="${#numbers.formatDecimal(quote.productOff,1,2)}" datatype="n" errormsg="请输入数字"/></td>
						             </tr>
						             <tr class="odd gradeX">
						              <td width="8%" class="center">包装费</td>
						              <td width="16%">
						              <input  type="text" id="packPrice" name="packPrice" class="form-control" th:value="${#numbers.formatDecimal(quote.packPrice,1,2)}" datatype="n" errormsg="请输入数字"/>
			                          </td>
						              <td width="8%" class="center">出口方式</td>
						              <td width="16%"><select class="form-control" id="exportWay" name="exportWay">
					                                  <option th:each="exportWay:${exportWays}"
													th:value="${exportWay.title}"
													th:text="${exportWay.title}"
													th:selected="${exportWay.title.equals(quote.exportWay)}"></option>
                                   </select>
									  </td>
						              <td width="8%" class="center">浮动金额</td>
						              <td width="16%"><input class="form-control" type="text" id="packOff" name="packOff" th:value="${#numbers.formatDecimal(quote.packOff,1,2)}" datatype="n" errormsg="请输入数字"/></td>
						             </tr>
						              <tr class="odd gradeX">
						              <td width="8%" class="center">总价</td>
						              <td width="16%">
						              <input  type="text" id="sum" name="sum" class="form-control" th:value="${#numbers.formatDecimal(quote.sum,1,2)}" datatype="n" errormsg="请输入数字"/>
			                          </td>
						             </tr>
						             </tbody>
						             </table>
						             </div> 
						                  <div class="box box-info">
                        <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">报价审批</h4>
                            </div>
						    <table class="table table-bordered">
                             <tbody>
							       <tr class="odd gradeX">
						              <td width="8%" class="center">浮动比例</td>
						              <td width="25%"> <input class="form-control" type="text"/>%
			                          </td>
			                          <td width="2%"></td>
			                           <td width="11%" class="center">是否新产品、特殊行业、成套装置</td>
						              <td width="25%">
						              <select class="form-control">
						              <option>是</option>
						              <option>否</option>
						              </select>
			                          </td>
			                         
						             </tr>
						              <tr class="odd gradeX">
						               <td width="8%" class="center">审批类型</td>
						              <td width="25%">
						            <select class="form-control" id="approveLevel">
						              <option>一级审批</option>
						              <option>二级审批</option>
						              <option>三级审批</option>
						              <option>四级审批</option>
						              </select>
			                          </td>
			                          <td width="2%"></td>
			 
						              <td id="td1_1" width="11%" class="center">一级审批人</td>
						              <td id="td1_2" width="25%"> <input class="form-control" type="text"/></td>
						              <td id="td1_3" width="2%"> <button class="btn btn-info">添加</button>
			                          </td>
			                          
						             </tr>
						             <tr class="odd gradeX">
						             <td id="td2_1" width="8%" class="center">二级审批人</td>
						              <td id="td2_2" width="25%">
						             <input type="text" class="form-control"/>
			                          </td>
			                          <td id="td2_3" width="2%"><button class="btn btn-info">添加</button></td>
			                          <td id="td3_1" width="11%" class="center">三级审批人</td>
						              <td id="td3_2" width="25%">
						            <input type="text" class="form-control"/>
			                          </td>
			                          <td id="td3_3" width="2%"><button class="btn btn-info">添加</button></td></tr>
						              <tr class="odd gradeX">
						              <td id="td4_1" width="8%" class="center">四级审批人</td>
						             <td id="td4_2" width="25%">
						            <input type="text" class="form-control"/>
			                          </td>
			                          <td id="td4_3" width="2%"><button class="btn btn-info">添加</button></td>
			                           <td width="11%" class="center">审批后抄送</td>
						              <td width="25%">
						              <input type="text" class="form-control"/>
			                          </td>
			                          <td width="2%"></td>
						             </tr>
						             </tbody>
						             </table> 
						              </div> 
						             <div class="box-body">
						  <a type="button" class="btn btn-info pull-right" href="javascript:history.go(-1)">返回</a>
                         <button type="button" class="btn btn-info pull-right saveBtn" >重新发起审批</button>
                                          </div>
						             </div>
						             </div>
						             </div>
						             </section>
						           
	  <!--泵添加弹窗-->
    <div class="modal" id="mainDeviceModal">
        <div class="modal-dialog" role="dialog" style="width:1200px">
            <form id="mainDeviceForm">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>泵添加</strong></h4>
                    </div>
                    <div style="height:500px;overflow-x:hidden;overflow-y:auto;">
                    <div class="modal-body">
                        <div class="form-inline">
                        
                <div class="row">
                    <div class="col-md-12">
                            	<div class="widget-content nopadding">
                            <table class="table table-bordered">
                             <tbody>
                             <tr class="odd gradeX">
						             <td width="8%" class="center">产品名称</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="productName" name="productName" datatype="*,*1-100,t" nullmsg="请输入产品名称"/></div>
						               <div class="col-md-1">
						                <span style="color:#F00">*</span>
						               </div></td>
						             <td width="8%" class="center">产品类型</td>
						              <td width="16%">
						              <div class="col-md-11">
						              <input  type="text" id="productType" name="productType" class="form-control" datatype="*,*1-100,t" nullmsg="请输入产品类型"/></div>
						              <div class="col-md-1">
						                <span style="color:#F00">*</span>
						               </div>
			                          </td>
			                          <td width="8%" class="center">产品型号</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="productModel" name="productModel" class="form-control"/></div>
									  </td>
						             </tr>
                          <tr class="odd gradeX">
									  <td width="8%" class="center">功率(kw)</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="power" name="power" class="form-control"/>
			                          </div></td>
			                          <td width="8%" class="center">数量</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="number" name="number" datatype="*,d" nullmsg="请输入数量" errormsg="请输入整数"/></div>
						              <div class="col-md-1">
						                <span style="color:#F00">*</span>
						               </div>
						              </td>
						              <td width="8%" class="center">单价</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="unitPrice" name="unitPrice" class="form-control" datatype="d" errormsg="请输入整数"/>
									  </div></td>
						               </tr>
                                <tr class="even gradeC">
                                    <td width="8%" class="center">过流材质</td>
						             <td width="16%"><div class="col-md-11">
						             <input class="form-control" type="text" id="flowMaterial" name="flowMaterial"/></div></td>
						             <td width="8%" class="center">传输介质</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="transMedia" name="transMedia" class="form-control"/></div></td>
						              <td width="8%" class="center">比重</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="proportion" name="proportion"/></div></td>
						             </tr>
						              <tr class="even gradeC">
						              <td width="8%" class="center">有效气蚀余量</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="NPSHA" name="NPSHA"/></div></td>
						             <td width="8%" class="center">流量</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="flux" name="flux" class="form-control"/></div></td>
						              <td width="8%" class="center">温度(℃)</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="temperature" name="temperature"/></div></td>
						            </tr>
						            <tr>
						             <td width="8%" class="center">必须气蚀余量</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="MPSHA" name="MPSHA"/></div></td>  
						             <td width="8%" class="center">扬程</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="pumpLift" name="pumpLift" class="form-control"/></div></td>
						              <td width="8%" class="center">粘度</td>
						              <td width="16%"><div class="col-md-11">
						              <input  type="text" id="viscosity" name="viscosity" class="form-control"/>
									  </div></td>
						             </tr>
						              <tr class="even gradeC"> 
						              <td width="8%" class="center">入口压力</td>
						              <td width="16%"><div class="col-md-11">
						              <input class="form-control" type="text" id="inPressure" name="inPressure"/></div></td>
						              <td colspan="4"> <button type="button" class="btn btn-info pull-right sureBtn" >确定</button></td>
						             </tr>
                    </tbody>
                    </table>
                    </div>
                	<h5 class="modal-title"><strong>已替换设备</strong></h5>
                	<div class="box box-body" style="width:100%; overflow-x:scroll;">
								<table class="mytable dataTable table-bordered text-center table-striped table-hover" width="3000px" id="inDeviceTable">
						          <thead>
									<tr>
										<th width="2%">操作</th>
										<th width="4%">类型</th>
										<th width="4%">产品型号</th>
										<th width="4%">产品类型</th>
										<th width="4%">产品名称</th>
										<th width="2%">是否降库产品</th>
										<th width="4%">数量</th>
										<th width="4%">电机</th>
										<th width="4%">功率(kw)</th>
										<th width="4%">传输介质</th>
										<th width="4%">所带附件</th>
										<th width="4%">系统带泵</th>
										<th width="4%">泵类型</th>
										<th width="4%">泵数量</th>
										<th width="4%">泵总价</th>
										<th width="4%">特殊泵</th>
										<th width="4%">结构形式</th>
										<th width="4%">流量(m3/h)</th>
										<th width="4%">扬程(m)</th>
										<th width="4%">温度(℃)</th>
										<th width="4%">粘度(Cp)</th>
										<th width="4%">比重(kg/m3)</th>
										<th width="4%">入口压力(MPa)</th>
										<th width="4%">过流材质</th>
										<th width="4%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="4%">有效气蚀余量(N[PSHr)(m)</th>
									</tr>
								  </thead>
								  <tbody>
								    <tr class="gradeA">
								    <td class="center"><button type="button" class="btn btn-sm btn-info">还原</button></td>
								    <td></td>
								    <td></td>
								    <td>AA</td>
								    <td></td>
								    <td>是</td>
								    <td>18</td>
								    <td>2</td> 
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    </tr>
								    	
								    <tr class="gradeA">
								    <td class="center"><button type="button" class="btn btn-sm btn-info">还原</button></td>
								    <td></td>
								    <td></td>
								    <td>BB</td>
								    <td></td>
								    <td>否</td>
								    <td>18</td>
								    <td>2</td> 
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    </tr>
								  </tbody>
						        </table>
							  </div>
							     <div class="widget-content nopadding">
                	<h5 class="modal-title"><strong>可替换设备</strong></h5>
                	<div class="box-body">
                	<div class="form-inline">
                	<div class="input-group">
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										<span class="input-group-btn">
											<button type="button" id="search-btn" class="btn btn-info searchBtn">查询</button>
                                            <button type="button" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
										</span>
									</div>
									</div>
									</div>
                	<div class="box box-body" style="width:100%; overflow-x:scroll;">
								<table class="mytable dataTable table-bordered text-center table-striped table-hover" width="3000px" id="availableTable">
						          <thead>
									<tr>
										<th width="2%">操作</th>
										<th width="4%">类型</th>
										<th width="4%">产品型号</th>
										<th width="4%">产品类型</th>
										<th width="4%">产品名称</th>
										<th width="2%">是否降库产品</th>
										<th width="4%">数量</th>
										<th width="4%">电机</th>
										<th width="4%">功率(kw)</th>
										<th width="4%">传输介质</th>
										<th width="4%">所带附件</th>
										<th width="4%">系统带泵</th>
										<th width="4%">泵类型</th>
										<th width="4%">泵数量</th>
										<th width="4%">泵总价</th>
										<th width="4%">特殊泵</th>
										<th width="4%">结构形式</th>
										<th width="4%">流量(m3/h)</th>
										<th width="4%">扬程(m)</th>
										<th width="4%">温度(℃)</th>
										<th width="4%">粘度(Cp)</th>
										<th width="4%">比重(kg/m3)</th>
										<th width="4%">入口压力(MPa)</th>
										<th width="4%">过流材质</th>
										<th width="4%">有效气蚀余量(N[PSHa)(m)</th>
										<th width="4%">有效气蚀余量(N[PSHr)(m)</th>
									</tr>
								  </thead>
								  <tbody>
								    <tr class="gradeA">
								    <td class="center"><button type="button" class="btn btn-sm btn-info">替换</button></td>
								    <td></td>
								    <td></td>
								    <td>BB</td>
								    <td></td>
								    <td>是</td>
								    <td>32</td>
								    <td>2</td> 
								    <td>1000</td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    <td></td>
								    </tr>
								  </tbody>
						        </table>
							  </div>
							  </div>
							  
                            <table class="table table-bordered">
                             <tbody>
							       <tr class="odd gradeX">
						              <td width="16%" class="center">占库周期</td>
						              <td width="4%"><input class="form-control" type="date" id="sourceOfferInfo" name="sourceOfferInfo"/>
			                          </td>
						              <td width="1%" class="center">至</td>
						              <td width="4%"><input class="form-control" type="date" id="sourceOfferInfo" name="sourceOfferInfo"/></td>
						             </tr>
						             </tbody>
						             </table> 
						                
						             </div>
						             </div>
                        
                        </div>
                        </div>
                         <div class="modal-footer">
                         <button type="button" class="btn btn-info saveBtn" >保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                    </div>
                    </div>
                        </div>
                        </form>
                        </div>
                        </div>
                        
						             
					  <script th:src="@{/quoteForeign/quoteForeignReApprove.js}"></script>
				  </div>
						 </body>
					   </html>
						             